সিএসএস৩-এ কালার কিওয়ার্ড এমন প্রি-ডিফাইন্ড (pre-defined) রং, যেগুলো সরাসরি স্টাইলিংয়ে ব্যবহার করা যায়। এই কিওয়ার্ডগুলো সিএসএস-এ সাধারণ এবং পরিচিত রংগুলোর নাম দ্বারা চিহ্নিত। এগুলো ব্যবহার করে টেক্সট, ব্যাকগ্রাউন্ড, বর্ডার ইত্যাদির রং সহজেই নির্ধারণ করা যায়।
কালার কিওয়ার্ড এমন নাম্বার বা কোড ছাড়াই সরাসরি রং প্রদর্শন করতে ব্যবহৃত একটি সহজ উপায়। উদাহরণস্বরূপ:
color: red;
background-color: blue;
উপরের উদাহরণে red এবং blue হলো কালার কিওয়ার্ড।
সিএসএস৩-এ কিছু সাধারণ এবং ব্যাপকভাবে ব্যবহৃত কালার কিওয়ার্ড রয়েছে। যেমন:
সিএসএস৩ আরও উন্নত রঙের ভাণ্ডার যোগ করেছে। উদাহরণস্বরূপ:
এই এক্সটেন্ডেড কিওয়ার্ডগুলো ওয়েব ডেভেলপমেন্টে আরও স্টাইলিশ এবং বৈচিত্র্যময় ডিজাইন তৈরির সুযোগ দেয়।
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: red;
}
p {
color: green;
}
</style>
</head>
<body>
<h1>This is a heading.</h1>
<p>This is a paragraph.</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
div {
background-color: LightBlue;
color: MidnightBlue;
padding: 20px;
}
</style>
</head>
<body>
<div>This is a colored div.</div>
</body>
</html>
কালার কিওয়ার্ডের পাশাপাশি সিএসএস৩-এ রং প্রদর্শনের জন্য Hexadecimal, RGB, HSL, এবং RGBA পদ্ধতিও ব্যবহার করা যায়। উদাহরণ:
#FF0000 (Red)rgb(255, 0, 0) (Red)hsl(0, 100%, 50%) (Red)rgba(255, 0, 0, 0.5) (Transparent Red)কালার কিওয়ার্ড সহজ এবং দ্রুত, তবে জটিল রঙের ক্ষেত্রে অন্যান্য পদ্ধতিগুলো অধিক কার্যকর।
সিএসএস৩-এ কালার কিওয়ার্ড ওয়েব ডিজাইনে দ্রুত এবং সহজ স্টাইলিংয়ের জন্য একটি কার্যকর পদ্ধতি। এগুলো বিশেষ করে প্রাথমিক বা সাধারণ ডিজাইন তৈরিতে বেশ কার্যকর।
common.read_more
common.or
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
